<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>


    <div id="" class="" onclick="fn(this)">1111111111</div>

    <script>

        // 听写
        //   字符串切割成数组   split
        //   改变数组中的值    map
        //   过滤数组中的值    filter
        //   localStorage的方法  key()  setItem()   getItem()   removeItem()   clear()
        //   本地存储的特点
        //      存在你的电脑上  --- C盘某个位置
        //      受同源策略的限制
        //      不能跨浏览器
        //   区别使用   只是存储不重要的信息

        //   JSON
        //      stringify()   把对象变成字符串
        //      parse()    把字符串变成对象



        // 什么是JSON    是一种特殊的字符串     就是字符串


        // ajax
        //   1 创建一个数据http请求    new XMLHttpRequest()
        //   2 去访问某一个数据        xhr.open('get/post' , '请求哪一个数据--路径' , true)
        //   3 发送请求     xhr.send()
        //   4 等待事件     onreadystatechange = function() {}
        //                     拿到数据   responseText


        //  请求的状态  0-4    readyState

        //  响应的状态  只有一个值    status



        // js中   事件绑定  必须写事件处理函数

        // document.body.onclick = "fn()" ;   // 没有执行


        // function fn() {
        //     console.log(666);
        // }



        // 第一个参数是重复要做的事情(没有规定必须是函数)
        // 第二个参数就是时间
        // 第三个参数不是必须的(如果写了，他实际上是给第一个参数(是函数的时候且需要参数的时候))
        // setInterval(第一个参数,第二个参数，第n个参数) 



        // 第一种用法    第一个参数是字符串
        // setInterval('console.log(666)' , 1000)


        // setInterval("fn()" , 1000) ;

        // function fn() {
        //     console.log(888);
        // }



        // 第二种用法   第一个参数是一个函数
        // setInterval(function(){
        //     console.log(Math.random())
        // } , 1000)

        // setInterval(fn, 1000)
        // function fn() {
        //     console.log(888);
        // }

        // 第三个参数是给fn的参数
        setInterval(fn, 1000 , 4)
        function fn(n) {
            console.log(n);
        }



    </script>
    
</body>
</html>